<template>
	<view class="content">
		<!-- 顶部通知 -->
		<view class="news-all">
			
		
		<view class="news">
			<navigator url="specific/system">
				<view class="news1">
					<view class="news1-img">
						<image src="../../static/news/imgs1.png" mode=""></image>
					</view>
					<view class="news1-name">系统消息</view>
				</view>
			</navigator>
	<navigator url="specific/logistics">
		<view class="news1">
			<view class="news1-img">
				<image src="../../static/news/imgs2.png" mode=""></image>
			</view>
			<view class="news1-name">物流消息</view>
		</view>
	</navigator>
		<navigator url="specific/service">
			<view class="news1">
				<view class="news1-img">
					<image src="../../static/news/imgs3.png" mode=""></image>
				</view>
				<view class="news1-name">客服消息</view>
			</view>
		</navigator>
		
			
		</view>
		</view>
		<!-- 暂无消息 -->
		<view class="zanwu">
			<view class="zanwu-img">
				<image src="../../static/news/imgs7.png" mode=""></image>
			</view>
			<view class="zanwu-text">
				暂无消息
			</view>
		</view>
		<!-- 消息展示 -->
		<!-- <view class="news-content">
			<view class="news-content1">
				<view class="content-img">
					<view class="content-img1">
						<image src="../../static/news/imgs4.png" mode=""></image>
					</view>
					<view class="content-img-name">
						<view class="content-img-name1">张三丰团队</view>
						<view class="content-img-name2">有人@了你</view>
					</view>
				</view>
				<view class="content-time">
					<view class="content-time1">16:56</view>
					<view class="content-time2">8</view>
				</view>
			</view>
			<view class="news-content1">
				<view class="content-img">
					<view class="content-img1">
						<image src="../../static/news/imgs4.png" mode=""></image>
					</view>
					<view class="content-img-name">
						<view class="content-img-name1">张三丰团队</view>
						<view class="content-img-name2">有人@了你</view>
					</view>
				</view>
				<view class="content-time">
					<view class="content-time1">16:56</view>
					<view class="content-time2">8</view>
				</view>
			</view>
			<view class="news-content1">
				<view class="content-img">
					<view class="content-img1">
						<image src="../../static/news/imgs4.png" mode=""></image>
					</view>
					<view class="content-img-name">
						<view class="content-img-name1">张三丰团队</view>
						<view class="content-img-name2">有人@了你</view>
					</view>
				</view>
				<view class="content-time">
					<view class="content-time1">16:56</view>
					<view class="content-time2">8</view>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	
.content {
	width: 750rpx;
	.news-all {
		background-color: #fcda22;
		width: 749rpx;
		height: 75rpx;
		padding-top: 31rpx;
		margin-bottom: 154rpx;
	}
	.news {
		width: 699rpx;
		height: 188rpx;
		margin: 0 25rpx 55rpx 25rpx ;
		border-radius: 14rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		background-color: #ffffff;
		.news1 {
			
			width: 231rpx;
			height: 188rpx;
			display: flex;
			flex-direction: column;
			justify-content: left;
			align-items: center;
			.news1-img {
				width: 72rpx;
				height: 72rpx;
				align-items: center;
				margin-top: 32rpx;
				image {
					max-width: 100%;
					max-height: 100%;
				}
			}
			.news1-name {
				font-size: 21rpx;
				margin-top: 18rpx;
				color: #20101d;
			}
		}
	
	}
	// 消息内容
	.news-content {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 43rpx 25rpx;
		.news-content1 {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			padding: 25rpx 25rpx 28rpx 25rpx ;
			.content-img {
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				.content-img1 {
					width: 90rpx;
					height: 90rpx;
					
					image {
						max-width: 100%;
						max-height: 100%;
					}
				}
				.content-img-name {
					margin-left: 18rpx;
					.content-img-name1 {
						font-size: 25rpx;
					}
					.content-img-name2 {
						font-size: 21rpx;
					}
				}
			}
			.content-time {
				font-size: 21rpx;
				color: #20212d;
				margin: 25rpx 0;
				text-align: right;
				.content-time2 {
					width: 32rpx;
					height: 32rpx;
					color: #FFF7CC;
					margin-top: 12rpx;
					text-align: center;
					align-items: center;
					background-color: #eb3e3e;
					border-radius: 18rpx;
				}
			}
		}
		}
		// 暂无消息
		.zanwu {
			display: flex;
			flex-direction: column;
			justify-content: center;
				width: 750rpx;
				height: 188rpx;
				align-items: center;
				text-align: center;
			.zanwu-img {
				width: 192rpx;
				height: 121rpx;
				align-items: center;
				margin-top: 332rpx;
				image {
					max-width: 100%;
					max-height: 100%;
				}
			}
			.zanwu-text {
				font-size: 21rpx;
				margin-top: 18rpx;
				color: #484848;
			}
		}
	}
</style>
